<!doctype html>
<html>
	<head>
		<title>DOM ID Selection and Style Manipulation</title>
		<meta charset="utf-8" />
		<link rel="stylesheet" href="css/style.css" />
	</head>
	<body>
	<article>
		<header>
			<h1>Article Title</h1>
			<h2>Article Subtitle</h2>
		</header>
			<section>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer massa erat, pretium at lobortis at, fermentum et augue. Aenean mollis nisl at turpis viverra eu dapibus nibh aliquam. Morbi at mauris a felis volutpat tincidunt sed sed velit. Sed eget malesuada dolor. Donec nunc nulla, bibendum non congue ac, tempus a velit. Ut nec risus a sapien porttitor convallis posuere porta dolor. Phasellus a arcu erat. Vivamus nec mi sapien, at dignissim quam. Nullam sit amet metus magna, vel blandit odio. Integer lacinia fermentum ornare. Suspendisse luctus quam vitae nulla sodales convallis. Donec id enim nibh. Vivamus commodo blandit dui, vitae fermentum ante aliquam et. Proin ut sem nunc, ut gravida quam. Donec mollis mattis eros, nec fermentum felis tincidunt sit amet.</p>
				<img src="img/multilingual-close-up.png" alt="Multilingual Print"/>
			</section>
		
		<nav>
			<ol>
				<li><a>Make The H1 Red</a></li>
				<li><a>Make The H2 4em</a></li>
				<li><a>Change all copy to sans</a></li>
				<li><a>Make the Image Disappear</a></li>
				<li><a>Add a Background to the section</a></li>
				<li><a>Add a rounded rectangles to the article</a></li>
				<li><a>Change the color of this link to orange</a></li>
				<li><a>Add an orange border to the article</a></li>
			</ol>
		</nav>
	</article>
	</body>
</html>